body {
	padding:0;
	margin:0;
}
#loginDiv {
	position:absolute;
	margin: 0;
	left:0;
	right: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	filter: blur(50);
	opacity: 0.8;
	background: black;
	z-index: 200;
	padding: 25%;
	border: none;
}

#loginDiv fieldset {
	display: block;
	vertical-align: middle;
	width: 50%;
	height: 50%;
	border-radius: 3pt;
	border-style: solid gray 1px;
	background: white;
	opacity: 1.0;
}

#logoutDiv {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0 0 10pt 10pt;
	background: lightgray;
	padding: 1pt 10pt 1pt 10pt;
	z-index: 100;
}

#logoutDiv a {
	text-decoration: underline;
	color: black;
	font-family: Tahoma,sans-serif;
	font-size: 10pt;
}

#gameboard {
	border solid red 10px;
	background-color: #262;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: inset 0 0 200px 200px rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	top:0;
	left:0;
}

#toolbox {
	position: absolute;
	left:0;
	top:0;
	border-radius: 0 0 10pt 10pt;
	background: lightgray;
	padding: 1pt 10pt 1pt 10pt;
	z-index: 100;
}

#toolbox a {
	text-decoration: underline;
	color: black;
	font-family: Tahoma,sans-serif;
	font-size: 10pt;
}

div.card-holder {
	position: absolute;
}

.card-holder img {
	position: absolute;
	width:72px;
	height: 96px;
}

.card-holder img:nth-child(1) { z-index: 1; }
.card-holder img:nth-child(2) { z-index: 2; }
.card-holder img:nth-child(3) { z-index: 3; }
.card-holder img:nth-child(4) { z-index: 4; }
.card-holder img:nth-child(5) { z-index: 5; }
.card-holder img:nth-child(6) { z-index: 6; }
.card-holder img:nth-child(7) { z-index: 7; }
.card-holder img:nth-child(8) { z-index: 8; }
.card-holder img:nth-child(9) { z-index: 9; }
.card-holder img:nth-child(10) { z-index: 10; }
.card-holder img:nth-child(11) { z-index: 11; }
.card-holder img:nth-child(12) { z-index: 12; }
.card-holder img:nth-child(13) { z-index: 13; }
.card-holder img:nth-child(14) { z-index: 14; }
.card-holder img:nth-child(15) { z-index: 15; }
.card-holder img:nth-child(16) { z-index: 16; }

div#divHandPLAYER {
	position:absolute;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	bottom: 0;
	height: 120px;
	text-align: center;
}

#divHandPLAYER img {
	top: 20px;
}

#divHandPLAYER img:nth-child(1) { left: 2%; }
#divHandPLAYER img:nth-child(2) { left: 8%; }
#divHandPLAYER img:nth-child(3) { left: 14%; }
#divHandPLAYER img:nth-child(4) { left: 20%; }
#divHandPLAYER img:nth-child(5) { left: 26%; }
#divHandPLAYER img:nth-child(6) { left: 32%; }
#divHandPLAYER img:nth-child(7) { left: 38%; }
#divHandPLAYER img:nth-child(8) { left: 44%; }
#divHandPLAYER img:nth-child(9) { left: 50%; }
#divHandPLAYER img:nth-child(10) { left: 56%; }
#divHandPLAYER img:nth-child(11) { left: 62%; }
#divHandPLAYER img:nth-child(12) { left: 68%; }
#divHandPLAYER img:nth-child(13) { left: 74%; }
#divHandPLAYER img:nth-child(14) { left: 80%; }
#divHandPLAYER img:nth-child(15) { left: 86%; }
#divHandPLAYER img:nth-child(16) { left: 92%; }


div#divHandEAST {
	left: 0;
	top: 0;
}

#divHandEAST img { position: absolute; left: 20pt;}
#divHandEAST img:nth-child(1) { top: 20pt; }
#divHandEAST img:nth-child(2) { top: 40pt; }
#divHandEAST img:nth-child(3) { top: 60pt; }
#divHandEAST img:nth-child(4) { top: 80pt; }
#divHandEAST img:nth-child(5) { top: 100pt; }
#divHandEAST img:nth-child(6) { top: 120pt; }
#divHandEAST img:nth-child(7) { top: 140pt; }
#divHandEAST img:nth-child(8) { top: 160pt; }
#divHandEAST img:nth-child(9) { top: 180pt; }
#divHandEAST img:nth-child(10) { top: 200pt; }
#divHandEAST img:nth-child(11) { top: 220pt; }
#divHandEAST img:nth-child(12) { top: 240pt; }
#divHandEAST img:nth-child(13) { top: 260pt; }
#divHandEAST img:nth-child(14) { top: 280pt; }
#divHandEAST img:nth-child(15) { top: 300pt; }
#divHandEAST img:nth-child(16) { top: 320pt; }

div#divHandWEST {
	right: 0;
	top: 0;
}

#divHandWEST img { right: 20pt;}
#divHandWEST img:nth-child(1) { top: 20pt; }
#divHandWEST img:nth-child(2) { top: 40pt; }
#divHandWEST img:nth-child(3) { top: 60pt; }
#divHandWEST img:nth-child(4) { top: 80pt; }
#divHandWEST img:nth-child(5) { top: 100pt; }
#divHandWEST img:nth-child(6) { top: 120pt; }
#divHandWEST img:nth-child(7) { top: 140pt; }
#divHandWEST img:nth-child(8) { top: 160pt; }
#divHandWEST img:nth-child(9) { top: 180pt; }
#divHandWEST img:nth-child(10) { top: 200pt; }
#divHandWEST img:nth-child(11) { top: 220pt; }
#divHandWEST img:nth-child(12) { top: 240pt; }
#divHandWEST img:nth-child(13) { top: 260pt; }
#divHandWEST img:nth-child(14) { top: 280pt; }
#divHandWEST img:nth-child(15) { top: 300pt; }
#divHandWEST img:nth-child(16) { top: 320pt; }



